<ion-view hide-tabs="true" hide-nav-bar="true" view-title="个人信息" style="background-color: #F1F1F1;" ng-controller="myMessageCtrl">
    <ion-header-bar align-title="center" class="bar-default" style="background-color: #F8F8F8;">
        <div class="buttons">
            <button class="button" ng-click="backPrePage()"><span class="ion-ios-arrow-thin-left" style="font-size: 24px;"></span></button>
        </div>
        <h1 class="title">个人信息</h1>
    </ion-header-bar>
    <!--个人信息的页面内容-->
    <ion-content>
        <ion-list>
            <ion-item class="clearfix " style="position: relative;">
                <div class="fl myMemberMes" style="margin-top: 20px;">
                    <span>头像</span>
                </div>
                <div class="myMemberImg fr" style="height: 60px;width: 60px;">
                    <span class="ion-person"  ng-if="pic == null"></span>
                    <img ng-src="{{pic}}" ng-if="pic != null" alt="" style="width:78px;height:78px;border-radius:50%;">
                </div>
            </ion-item>

            <ion-item class="clearfix" ng-click="tabModifyNickname()">
                <!--<a href="#">-->
                <span class="fl">昵称</span>
                <!--<span class="fr ion-chevron-right grey" style="margin-left: 30px;"></span>-->
                <span class="fr ">{{username}}</span>
                <!--</a>-->
            </ion-item>
            <ion-item class="clearfix">
                <span class="fl">性别</span>
                <span class="fr ">{{pic == 1 ? '女':'男'}}</span>
            </ion-item>
            <ion-item class="clearfix">
                <span class="fl">会员编号</span>
                <span class="fr ">{{ids}}</span>
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>